<template>
  <div class="dialog">
    <div class="dialog-header">
      <slot name="header"></slot>
    </div>

    <div class="dialog-main">
      <slot name="main" content="我是传递的内容">你是大聪明</slot>
    </div>

    <div class="dialog-footer">
      <slot name="footer" yes="确定1" no="取消2"></slot>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.dialog {
  width: 400px;
  height: 400px;
  border: 3px solid #000;
  padding: 10px;
}
</style>